/* 下面的这个就是我们整个页面的公共的样式背景 */

/* 去除浏览器的默认的设计 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body{
    height:100%;
    /* 背景图片的相对路径 */
    background-image: url(../image/sky.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover;

}

.nav{
    /* 下面的这个表示的是导航栏的高度，这个高一点矮一点没有影响的 */
    height:50px;
    background-color: rgb(50,50,50);
    color:white;

    line-height: 50px;
    padding-left: 20px;
}